<!DOCTYPE HTML>
<html>
<head>
<title>HTML5示例</title>
<meta charset="utf-8">
<link rel="stylesheet" href="Code1-1.css" />
</head>
<body>
<header>
  <h1>清茶博客</h1>
  <p>喝一杯清茶，约三五知己，聊聊天，叙叙旧...</p>
</header>
<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">博客</a></li>
    <li><a href="#">相册</a></li>
    <li><a href="#">个人档案</a></li>
  </ul>
</nav>
<div id="container">
  <section>
    <article>
      <header>
        <h1>HTML5</h1>
      </header>
      <p>HTML5是下一代HTML的标准，目前仍然处于发展阶段。经过了Web2.0时代，基于互联网的应用已经越来越丰富，同时也对互联网应用提出了更高的要求。</p>
     
      <footer>
        <p>编辑于2012.1.18</p>
      </footer>
    </article>
    <article>
      <header>
        <h1>CSS3</h1>
      </header>
      <p>对于前端设计师来说，虽然CSS3不全是新的技术，但它却重启了一扇奇思妙想的窗口。</p>
      <footer>
        <p>编辑于2012.1.19</p>
      </footer>
    </article>
  </section>
  <aside>
    <article>
      <h1>简介</h1>
      <p>HTML5和CSS3正在掀起一场变革，它不是在替代Flash， 而是正在发展成为开放的Web平台，不但在移动领域建功卓著，而且对传统的应用程序发起挑战。</p>
    </article>
  </aside>
  <footer>
    <p>版权所有 2012</p>
  </footer>
</div>
</body>
</html><script type="text/javascript">
console.log("Hello World!");
console.log(document);
</script>